<template>
	<view :style="{ marginTop: safeTop + 'rpx'}"
	style="background-color: aqua;height: 65rpx;"
	></view>
	
</template>

<script setup>
	import {
		reactive,
		ref
	} from 'vue';
	import {
		onLoad,
	} from '@dcloudio/uni-app'
	// 获取安全区域
	const {
		safeAreaInsets,statusBarHeight
	} = uni.getSystemInfoSync()
	const safeTop = statusBarHeight * 2 + 5
	console.log(uni.getSystemInfoSync());
	
</script>

<style lang="scss">
	
</style>